@charset "utf-8";
/*！
 * lib CSS 网页模版库 v1.2 基于bootstrap或ZUI
 * Copyright 2017,XIAOBING TECH 
 * Author:MR. WANGHAO
 */
/***组件开始components start***/

/*全屏幻灯片*/
.full-slide{width:100%!important;max-width:100%;position:relative;overflow:hidden;}
.skitter.with-dots{margin-bottom: 0}
.skitter .info_slide_dots{bottom: 30px;}
.skitter .info_slide_dots .image_number{background: #cfcfcf;box-shadow:none;width: 11px;height: 11px;}
.skitter .info_slide_dots .image_number.image_number_select{background: #c40000}
.full-slide{width:100%; height:400px;position:relative;overflow:hidden;}
.full-slide ul,
.full-slide li{margin:0;padding:0;list-style: none;}
.full-slide .bd{width: 100%; height:400px;position:relative; z-index:0;}
.full-slide .bd ul,
.full-slide .bd li{width: 100%!important;}
.full-slide .bd li{height:100%; height:400px; overflow:hidden;}
.full-slide .bd a{display: block;width: 100%;height: 100%;}
.full-slide .bd li img{display:block;width: 100%;}

.full-slide .hd{width:100%; position:absolute; z-index:99; bottom:0; left:0; height:30px; line-height:30px;}
.full-slide .hd ul{text-align:center;}
.full-slide .hd ul li{background: #fff;border-radius:50%;cursor:pointer; display:inline-block; *display:inline; zoom:1; width: 11px;height: 11px; margin:0 4px; overflow:hidden; filter:alpha(opacity=90);opacity:0.9; vertical-align:top; line-height:9999px;cursor:pointer;}
.full-slide .hd ul .on{background: #c40000}
.full-slide .slide-btn{display: none; position: absolute; color:#fff;width: 56px; height: 43px;margin-top: -22.5px; 
  /*background:url(../images/icon-slide.png) no-repeat;*/ z-index: 99; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
.full-slide .slide-btn i{font-size: 50px;
  -moz-text-shadow: 0px 0px 5px rgba(0,0,0,.6);
  -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,.6);
  text-shadow: 0px 0px 5px rgba(0,0,0,.6);
}
.slide-btn:focus{text-decoration: none}
/*fadeIn*/
@-webkit-keyframes fadeIn{0%{opacity: 0} 100%{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0} 100%{opacity: 1}}
/*pulse*/
@-webkit-keyframes pulse{0%{-webkit-transform: scale(1); transform: scale(1)} 50%{-webkit-transform: scale(1.1); transform: scale(1.1)} 100%{-webkit-transform: scale(1); transform: scale(1)}}
@keyframes pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)} 50%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)} 100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}}
/*shake*/
@-webkit-keyframes shake{0%,100%{-webkit-transform: translateX(0); transform: translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform: translateX(-10px); transform: translateX(-10px)} 20%,40%,60%,80%{-webkit-transform: translateX(10px); transform: translateX(10px)}}
@keyframes shake{0%,100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px)} 20%,40%,60%,80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px)}}
.full-slide .prev{left: 50px; top: 50%; background-position: 0 -400px}
.full-slide .prev:hover{background-position: 0 -445px; -webkit-animation-name: fadeIn; animation-name: fadeIn}
.full-slide .next{right: 50px; top: 50%; background-position: 0 -490px;}
.full-slide .next:hover{background-position: 0 -535px; -webkit-animation-name: fadeIn; animation-name: fadeIn}
.full-slide:hover .slide-btn{display: block;}
